$("#needmagnify").mouseenter(function () {
    let imgObj = $(this);
    imgObj.stop().css({ width: "100%", height: "100%", left: "0px", top: "0px" });
    let wValue = 1.3 * imgObj.width();
    let hValue = 1.3 * imgObj.height();
    imgObj.stop().animate({
        width: wValue,
        height: hValue,
        left: "0px",
        top: "0px"
    }, 2500);
}).mouseleave(function () {
    $(this).stop().animate({
        width: "100%",
        height: "100%",
        left: "0px",
        top: "0px"
    }, 500);
})
$("#needblowup").mouseenter(function () {
    let imgObj = $(this);
    imgObj.stop().css({ width: "100%", height: "100%", left: "0px", top: "0px" });
    let wValue = 1.2 * imgObj.width();
    let hValue = 1.2 * imgObj.height();
    imgObj.stop().animate({
        width: wValue,
        height: hValue,
        top: $(this).position().top,
        left: $(this).position().left
    }, 2500);
}).mouseleave(function () {
    $(this).stop().animate({
        width: "100%",
        height: "100%",
        left: "0px",
        top: "0px"
    }, 500);
})
